div.allBox.alumsBox
	div.upHref
		div.img.fl
			img.fl(src="${relativePath}/static/imgs/addImg.png")
		div.upBtns.fl
			div.top 高空安装
			div.btm
				a.addbtn(href="javascript:;") 上传图片
				a.addbtn1(href="javascript:;") 添加相册
	ul.ablums
		//- li
		//- 	img(src="${relativePath}/static/imgs/img01.png")
		//- 	p IMGkenenghuiyoudongxi 
		//- 	div.mask
		//- 		i
//- 添加相册盒子
div.addImgsMask
	div.insideBox
		div.imgsTitle 添加相册
		div.choiceBox
			div.row
				label 案例名称：
				input.txt.typename(type="text" name="typename")
			div.row
				label 相册类型：
				select.txt.arms
					option(name="list" value="2") 广告设计
					option(name="list" value="3") 广告安装
					option(name="list" value="4") 车辆设备租赁安装
			div.row.cartype
				label 类型：
				select.txt.twolist
					option(name="carlist") 请选择
			div.row.btnBox
				a.btn.sureBtn_01(href="javascript:;") 确定
				a.btn.cancleBtn(href="javascript:;") 取消
//- 上传图片
div.addImgsMask1
	div.addBox
		div.topSelct
			i
			label 上传至：
			select#selectList
		div.upImgBox
			div.upLoad
				input(type="hidden",name="order_img")
				div#fileUploadContent.fileUploadContent.fl
					form#uploadForm
						div.z_photo.upimg-div.clear
							section.z_file.fl
								img(src="${relativePath}/static/imgs/addImg.png").add-img
								input(type="file" name="file" id="orderImg" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple="multiple")
		input.sureBtn(type="button" value="确认上传")

//- 个人信息模板
script#personMsg(type="text/html")
	div.topHead
		div.imgBox
			img(src="{{avatar_img}}")
			| {{if verify_status =="2"}}
			span.beCertified 已实名
			| {{/if}}
		div.txBigBox
			p.designName {{company_name}}
				//- | <i>4.0分</i>
			p.txtBox
				span.provice.hasBorder {{city_name}}
				span.kinds {{category_name}}
			p.txtBox
				span.provice.hasBorder 姓名：{{nice_name}}
				span.kinds 电话：{{phone}}
		

//- 我的个人相册列表
script#myAlbmList(type="text/html")
	| {{set data = data.lists}}
	| {{each data arr}}
	li.shadow(id="{{arr.id}}")
		img(src="{{arr.default_photo}}")
		p {{arr.case_name}}
		div.sdelBtns
			img(src="${relativePath}/static/imgs/d.jpg")
			a.bjbtn.bj(href="javascript:;") 编辑
			a.bjbtn.del(href="javascript:;") 删除
	| {{/each}}
	
block pageScript
	script.
		$(function(){
			//- 点击删除个人相册
			$(".allcontent2 .ablums").on("click",".sdelBtns .del",function() {
				var $this = $(this);
				layer.confirm('您确定删除此相册？', {
					btn: ['确定','取消'], //按钮
					title: ['删除相册', 'text-align:center;padding:0;']
				}, function(){
					$.post(shopIp+"/user/delphoto",{
						userToken:token,
						case_id:$this.closest("li").attr("id"),
					},function(data) {
						//console.log(data.msg);
						if(data.status == "200") {
							layer.msg(data.msg, {icon: 1});
							$this.closest("li").remove();
						} else{
							layer.msg(data.msg);
						}
					})
				}, function(){
				});
				return false;
			})
			//- 获取我的相册列表
			function myAblumsdetail() {
				$.post(shopIp+"/user/infoPhoto",{
					userToken:token,
					id:thisRequest.id,
					page:1,
					size:20
				},function(data) {
				console.log(data)
					//- if(data.data.lists.length == 0) {
					//- 	$(".ablums").append("<img class='imgBig' src='${relativePath}/static/imgs/zw.png'/>");
					//- 	$(".ablums").css("text-align","center");
					//- 	$(".addbtn").click(function() {
					//- 		layer.msg("请先添加相册");
					//- 	})
					//- }else{
					//- 	var imgs = template("myAlbmList",data);
					//- 	$(".ablums").append(imgs);
					//- 	//- 获取相册下拉s
					//- 	var list = data.data.lists;
					//- 	for(var i=0;i<list.length;i++) {
					//- 		var optionEle = '<option value="'+list[i].id+'">'+list[i].case_name+'</option>';
					//- 		$("#selectList").append(optionEle);
					//- 	}
					//- 	$(".addbtn").click(function() {
					//- 		$(".addImgsMask1").show();
					//- 	})
					//- }
				})
			}
			myAblumsdetail();
			//- 点击添加相册取消
			//点击添加
			$(".allcontent2 .upHref .addbtn1").click(function() {
				$(".addImgsMask").show();
			})
			$(".allcontent2 .cancleBtn").click(function() {
				$(this).parents(".addImgsMask").hide();
				$(".typename").val("");
				$(".arms").val("2");
				if($(".arms").val() != "3") {
					$(".cartype").hide();
				}
			})
			//- 点击取消添加图片
			$(".allcontent2 .topSelct i").click(function() {
				$(".addImgsMask1").hide();
			})
			$(".allcontent2 .btnBox .sureBtn_01").click(function() {
				$.post(shopIp+"/user/upphone",{
					userToken:token,
					case_name:$(".typename").val(),
					type_id:$(".arms").val(),
					category_id:$(".twolist").val()
				},function(data) {
					layer.msg(data.msg);
					setTimeout(function() {
						$(".addImgsMask").hide();
						location.reload();
					},1000);
				})
			})

			//- 图片上传
			$(".allcontent2 input#orderImg").on("change", function() {
				var wrap = $(this).closest(".upimg-div");
				doUpload_img(this.files[0], function(data) {
					var imgUrl = $("input[name='order_img']").val();
					if(imgUrl) {
						$("input[name='order_img']").val(imgUrl + "," + data.data.path);
					} else {
						$("input[name='order_img']").val(data.data.path);
					}
					wrap.prepend("<span class='imgwarp'><img src='"+data.data.url+"' path='"+data.data.path+"' class='upimgs'></img><i></i></span>");
					if($("span.imgwarp img.upimgs").length > 7) {
						$("#orderImg").hide();
						$(".add-img").hide();
					}
					
				});
			});
			//- 上传图片
			function doUpload_img(file, callback) {
				var formdata=new FormData($("#uploadForm")[0])
				//console.log(formdata);
				$.ajax({
					url:shopIp+"/Utils/uploadFiles?userToken="+token,
					type:"post",
					data:formdata,
					dataType:"json",
					async:false,
					cache:false,
					contentType:false,
					processData:false,
					success:function(data) {
						//alert(data.msg);
						//console.log(data.data.path);
						//$(".hiddenTxt").val(data.data.path);
						callback(data);
					},
					error:function(data) {
						layer.msg(data.msg);
					}
				})
			}
			//- 点击删除图片
			$(".allcontent2 .z_photo").on("click",".imgwarp i",function() {
				$(this).closest(".imgwarp").remove();
				$("#orderImg").show();
				$(".add-img").show();
			})
			//- 点击确认上传图片
			$(".allcontent2 .sureBtn").click(function() {
				var optVal = $("#selectList").val();
				var imgsArr = [];
				$(".z_photo img").not(".add-img").each(function() {
					imgsArr.push($(this).attr("path"));
				})
				$.post(shopIp+"/user/upimg",{
					userToken:token,
					id:optVal,
					img:imgsArr
				},function(data) {
					if(data.status == "200") {
						layer.msg(data.msg);
						setTimeout(function() {
							window.location.reload();
						},1000);
					}else{
						layer.msg(data.msg);
					}
				})
			})

			//- 选择车辆租赁
			$(".allcontent2 .arms").change(function() {
				//console.log($(this).val());
				if($(this).val() == "4") {
					$(".cartype").show();
				}else{
					$(".cartype").hide();
				}
			})

			//- 车辆选择类型
			$.post(shopIp+"/category/photoCategory",{
				userToken:token,
				type_id:4
			},function(data) {
				var dataList = data.data; 
				for(var i=0;i<dataList.length;i++) {
					var ele ="<option value='"+dataList[i].id+"'>"+dataList[i].name+"</option>";
					$(".twolist").append(ele);
				}
			})
			//- 点击出现编辑
			$(".allcontent2 .ablums").on('click','.sdelBtns img',function() {
				$(this).siblings('.bjbtn').show()
			})
		})